<template>
    <div class="home">
        <el-carousel :interval="5000" arrow="always" height="70vh" autoplay>
            <el-carousel-item v-for="item in homeinfo" :key="item.id">
                <img :src="item.imageUrl">
            </el-carousel-item>
        </el-carousel>
        <div class="about">
            <div class="about-img"><img :src="about.pic"></div>
            <div class="about-dec">
                <h2 class="title">平台优势<span>ABOUT US</span></h2>
                <p>{{ about.intro }}</p>
                <el-button @click="toabout()">查看详情</el-button>
            </div>
        </div>
        <div class="fwnr">
            <div class="fwnr-title">
                <h2 class="title">服务内容<span>SERVICE</span></h2>
            </div>
            <el-row>
                <el-col :lg="4" :md="8" :sm="12" :xs="12"
                 v-for="icon in sers" :key="icon"><div>
                    <div v-html="icon.icon"></div>
                    <h1>{{ icon.title }}</h1>
                    <p>{{ icon.desc }}</p>
                </div></el-col>
            </el-row>
        </div>  
        <div class="tgfw">
            <div class="tgfw-title">
                <h2 class="title">提供服务<span>PICK OF THE WEEK</span></h2>
            </div>
            <el-row>
                <el-col :lg="6":sm="12":xs="12" v-for="item in orders.purchase" :key="item.orderid"><div>
                    <img :src="item.img1">
                    <div class="box-font">
                        <h3>{{item.goodsname}}</h3>
                        <p>{{ item.orderNameen }}</p>
                        <router-link :to="`/pdetails?id=${item.orderid}`">
                                <el-button type="success" round>采购订单</el-button>
                        </router-link>
                    </div>
                </div></el-col>
                <el-col :lg="6":sm="12":xs="12" v-for="item in orders.supply" :key="item.orderid"><div>
                    <img :src="item.img1">
                    <div class="box-font">
                        <h3>{{ item.goodsname }}</h3>
                        <p>{{ item.orderNameen }}</p>
                        <router-link :to="`/sdetails?id=${item.orderid}`">
                            <el-button type="danger" round>供应订单</el-button>
                        </router-link>
                    </div>
                </div></el-col>
            </el-row>
        </div>
        <div class="hzgs">
            <div class="hzgs-title">
                <h2 class="title">合作公司<span>COOPERATIVE PARTHER</span></h2>
                <ul>
                    <li :class="num === 1 ? 'active' : ''" @click="numfun(1)">中国入驻企业</li>
                    <li :class="num === 2 ? 'active' : ''" @click="numfun(2)">国外入驻企业</li>
                    <li :class="num === 3 ? 'active' : ''" @click="numfun(3)">事业单位合作</li>                 
                </ul>
            </div>
            <div class="hzgs-item">
                <el-row :class="num==1?'item':''">
                    <el-col :lg="6" :sm="12" :xs="12" v-for="item in com.type1" :key="item.comid">
                        <div><img :src="item.mainImage" alt=""></div>
                    </el-col>
                </el-row>
                <el-row :class="num==2?'item':''">
                    <el-col :lg="6" :sm="12" :xs="12" v-for="item in com.type2" :key="item.comid">
                        <div><img :src="item.mainImage" alt=""></div>
                    </el-col>
                </el-row>
                <el-row :class="num==3?'item':''">
                    <el-col :lg="6" :sm="12" :xs="12" v-for="item in com.type3" :key="item.comid">
                        <div><img :src="item.mainImage" alt=""></div>
                    </el-col>
                </el-row>
            </div>
        </div>         
    </div>
    
</template>
<script>
import {toRefs,reactive,onMounted,getCurrentInstance } from 'vue'
import { useRouter } from 'vue-router';

export default {
    setup(){
        const data=reactive({
            sers:[
                {title:"海量资源",desc:"200万次定位服务请求，覆盖用户生活全场景",icon:'<svg t="1749904475675" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4029" width="50" height="50"><path d="M512 142.4l267.84 89.6-267.84 89.6-267.84-89.6L512 142.4zM512 64L64 213.344v37.312L512 400l448-149.344V213.344L512 64z m0 454.528L138.656 397.184H64v37.344l448 149.344 448-149.344v-37.344h-74.656L512 518.528z m0 189.472L138.656 586.656H64V624l448 149.344L960 624v-37.344h-74.656L512 708z m0 186.656L138.656 773.344H64v37.312L512 960l448-149.344v-37.312h-74.656L512 894.656z" p-id="4030"></path></svg>'},
                {title:"精准对接",desc:"行业领先的智能推荐，识别每一位用户真实需求",icon:'<svg t="1749904536619" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5137" width="50" height="50"><path d="M64.915108 544.815918c16.484752 220.854715 193.823818 397.374663 414.985702 412.630737v64.915109C222.80012 1007.105689 16.689531 801.814219 0 544.918308l64.915108-0.10239z m958.572943 0c-16.689531 255.257674-221.161884 459.525247-476.214778 477.341066v-65.017498C766.080192 939.630837 940.859514 764.032397 957.241876 544.815918h66.246175zM479.90081 133.721028v1.228677c0 18.737326 14.948905 33.583842 33.583842 33.583842 18.737326 0 33.686231-14.948905 33.686231-33.583842v-0.819118c181.639436 17.406259 325.087491 161.775822 341.265073 343.517648-18.020598 0.716728-32.355164 15.563244-32.252774 33.583842 0 18.737326 14.948905 33.583842 33.686231 33.583841l-1.433457-0.102389c-16.279972 184.30157-163.311669 329.79742-347.715628 344.234376-6.143386-18.430157-15.972803-36.245975-27.133287-36.245975-8.907909 0-17.508649 3.481252-23.856814 9.829417-6.348165 6.348165-9.829417 14.846515-9.829417 23.856814v2.457354c-183.789621-15.051295-329.89981-160.342366-346.282172-343.927207h4.812319c18.737326 0 33.583842-14.948905 33.583842-33.583841 0-8.907909-3.481252-17.508649-9.829418-23.856815-6.348165-6.348165-14.846515-9.829417-23.856814-9.829417h-4.812319C150.001 293.961004 296.213579 148.772323 479.90081 133.721028z m31.228877 178.158184c-109.659434 0-199.352865 89.693431-199.352865 199.352865s89.79582 199.352865 199.352865 199.352865c109.659434 0 199.352865-89.693431 199.352865-199.352865s-89.693431-199.352865-199.352865-199.352865z m0 68.49875c47.30407-0.819118 91.229277 23.959204 115.086091 64.812719 23.856814 40.751125 23.856814 91.331667 0 132.082792s-67.884412 65.529447-115.086091 64.812718c-71.468053-1.126287-128.70393-59.386061-128.70393-130.854114 0-71.365663 57.235876-129.625437 128.70393-130.854115zM547.273273 0.307169c254.950505 17.815818 459.525247 222.083392 476.214778 477.238676h-66.246175c-16.382362-219.114089-191.161684-394.712529-409.968603-412.323567V0.307169z m-67.270073-0.307169v64.915108c-221.161884 15.256074-398.50095 191.878412-414.985702 412.630737H0C16.689531 220.649935 222.69773 15.358464 480.0032 0z m0 0" p-id="5138"></path></svg>'},
                {title:"及时通讯",desc:"7*24小时服务，随时随地沟通顺畅",icon:'<svg t="1749904589967" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6191" width="50" height="50"><path d="M522.24 955.392c-13.824 0-25.6-11.264-25.6-25.6V492.032l-5.12-1.536c-38.912-13.312-65.536-49.664-65.536-90.624 0-52.736 43.008-95.744 95.744-95.744s95.744 43.008 95.744 95.744c0 40.96-26.112 77.824-65.536 90.624l-5.12 1.536v438.272c1.024 13.824-10.752 25.088-24.576 25.088z m269.312-220.672c-8.192 0-15.36-3.584-20.48-10.24-4.096-5.632-5.632-12.288-4.608-18.944 1.024-6.656 4.608-12.8 9.728-16.896 92.16-69.12 144.896-174.08 144.896-289.28 0-114.688-52.736-220.16-144.896-289.28-11.264-8.192-13.312-24.576-5.12-35.328 4.608-6.656 12.288-10.24 20.48-10.24 5.632 0 10.752 1.536 15.36 5.12C911.872 148.48 971.776 268.288 971.776 399.36c0 131.072-59.904 250.88-164.864 329.728-4.608 3.584-9.728 5.632-15.36 5.632z m-538.624 0c-5.632 0-10.752-1.536-15.36-5.12-104.448-78.848-164.864-198.656-164.864-329.728 0-131.072 59.904-250.88 164.864-329.728 4.608-3.072 9.728-5.12 15.36-5.12 8.192 0 15.36 3.584 20.48 10.24 8.192 11.264 6.144 27.136-5.12 35.328-92.16 69.12-144.896 174.08-144.896 289.28 0 114.688 52.736 220.16 144.896 289.28 5.632 4.096 8.704 10.24 9.728 16.896 1.024 6.656-0.512 13.312-4.608 18.944-5.12 6.144-12.288 9.728-20.48 9.728z m108.544-108.544c-4.608 0-9.216-1.536-13.312-3.584-77.824-47.616-124.416-131.072-124.416-222.208 0-91.136 46.592-174.592 124.416-222.208 4.096-2.56 8.704-3.584 13.312-3.584 8.704 0 16.896 4.608 21.504 12.288 3.584 5.632 4.608 12.8 3.072 18.944-1.536 6.656-5.632 12.288-11.264 15.872-62.976 38.4-100.352 105.472-100.352 179.2 0 73.728 37.376 140.8 100.352 179.2 5.632 3.584 9.728 9.216 11.264 15.872s0.512 13.312-3.072 18.944c-4.608 6.656-12.288 11.264-21.504 11.264z m321.536 0c-8.704 0-16.896-4.608-21.504-12.288-3.584-5.632-4.608-12.8-3.072-18.944 1.536-6.656 5.632-12.288 11.264-15.872 62.976-38.4 100.352-105.472 100.352-179.2 0-73.728-37.376-140.8-100.352-179.2-5.632-3.584-9.728-9.216-11.264-15.872-1.536-6.656-0.512-13.312 3.072-18.944 4.608-7.68 12.8-12.288 21.504-12.288 4.608 0 9.216 1.536 13.312 3.584 77.824 47.616 124.416 131.072 124.416 222.208 0 91.136-46.592 174.592-124.416 222.208-4.096 3.072-8.704 4.608-13.312 4.608z" fill="" p-id="6192"></path></svg>'},
                {title:"高端服务",desc:"助您完成广告的一站式投放，打造营销闭环",icon:'<svg t="1749904703512" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7641" width="50" height="50"><path d="M262.826667 831.36h-170.666667c-8.746667 0-16-7.253333-16-16s7.253333-16 16-16h154.666667v-224H92.16c-8.746667 0-16-7.253333-16-16s7.253333-16 16-16h170.666667c8.746667 0 16 7.253333 16 16v256c0 8.746667-7.253333 16-16 16z" fill="#2c2c2c" p-id="7642"></path><path d="M473.386667 754.346667c-8.746667 0-16-7.253333-16-16v-9.813334c0-16.213333 13.226667-29.44 29.44-29.44h168.106666a22.186667 22.186667 0 1 0 0-44.373333h-43.093333c-49.706667 0-98.133333-9.813333-144-29.013333-41.813333-17.706667-86.186667-26.666667-131.626667-26.666667h-73.386666c-8.746667 0-16-7.253333-16-16s7.253333-16 16-16h73.386666c49.706667 0 98.133333 9.813333 144 29.013333 41.813333 17.706667 86.186667 26.666667 131.626667 26.666667h43.093333c29.866667 0 54.186667 24.32 54.186667 54.186667s-24.32 54.186667-54.186667 54.186666h-165.546666v7.253334c0 8.746667-7.253333 16-16 16z" fill="#2c2c2c" p-id="7643"></path><path d="M562.986667 867.413333c-14.72 0-29.44-2.133333-43.946667-6.826666l-89.173333-27.733334c-47.573333-14.72-97.066667-22.4-146.773334-22.4h-20.266666c-8.746667 0-16-7.253333-16-16s7.253333-16 16-16h20.266666c53.12 0 105.813333 8.106667 156.373334 23.893334l89.173333 27.733333c28.16 8.746667 58.24 6.613333 84.693333-6.186667l295.466667-142.933333a15.061333 15.061333 0 0 0 4.48-21.12 14.976 14.976 0 0 0-16.853333-5.973333l-225.92 75.093333a16 16 0 0 1-20.266667-10.24 16 16 0 0 1 10.24-20.266667l226.346667-75.093333c20.053333-6.186667 42.026667 1.493333 53.333333 18.773333 7.253333 10.88 9.6 24.533333 6.4 37.333334s-11.52 23.68-23.04 30.08l-296.32 142.933333c-20.266667 9.813333-42.24 14.933333-64.213333 14.933333zM198.826667 767.36h-85.333334c-8.746667 0-16-7.253333-16-16s7.253333-16 16-16h85.333334c8.746667 0 16 7.253333 16 16s-7.253333 16-16 16zM796.586667 544.426667H398.08c-8.746667 0-16-7.253333-16-16v-85.333334c0-8.746667 7.253333-16 16-16h398.293333c8.746667 0 16 7.253333 16 16v85.333334c0.213333 8.96-7.04 16-15.786666 16z m-382.506667-32h366.293333v-53.333334H414.08v53.333334z" fill="#2c2c2c" p-id="7644"></path><path d="M796.586667 459.093333H398.08c-6.826667 0-12.8-4.266667-15.146667-10.666666l-56.746666-161.92c-2.346667-6.826667 0-14.506667 6.186666-18.56 5.973333-4.053333 14.08-3.626667 19.413334 1.28l101.76 89.173333 108.16-118.613333c5.973333-6.613333 16-7.04 22.613333-1.066667 6.613333 5.973333 7.04 16 1.066667 22.613333l-118.613334 130.133334c-5.973333 6.4-15.786667 7.04-22.4 1.28l-67.84-59.306667 32.853334 93.653333H785.066667l32.853333-93.653333-67.84 59.306667c-6.613333 5.76-16.426667 5.12-22.4-1.28l-118.186667-129.92a15.914667 15.914667 0 0 1 1.066667-22.613334c6.613333-5.973333 16.64-5.546667 22.613333 1.066667l107.733334 118.186667 101.76-89.173334c5.546667-4.693333 13.44-5.333333 19.413333-1.28s8.533333 11.733333 6.186667 18.56l-56.746667 161.92a15.573333 15.573333 0 0 1-14.933333 10.88z" fill="#2c2c2c" p-id="7645"></path><path d="M597.76 274.133333c-32.426667 0-58.666667-26.24-58.666667-58.666666s26.24-58.666667 58.666667-58.666667 58.666667 26.24 58.666667 58.666667-26.24 58.666667-58.666667 58.666666z m0-85.333333a26.666667 26.666667 0 1 0 0 53.333333 26.666667 26.666667 0 0 0 0-53.333333zM398.08 346.453333c-2.773333 0-5.546667-0.64-7.893333-2.133333a15.829333 15.829333 0 0 1-5.76-21.76l51.84-89.813333c5.76-9.813333 21.973333-9.813333 27.733333 0l51.413333 89.173333c4.48 7.68 1.706667 17.493333-5.76 21.76-7.68 4.48-17.493333 1.92-21.76-5.76l-37.546666-65.066667-37.973334 65.92c-3.413333 4.906667-8.746667 7.68-14.293333 7.68zM796.8 346.88c-5.546667 0-10.88-2.773333-13.866667-8.106667l-38.186666-66.346666-37.546667 65.066666c-4.48 7.68-14.293333 10.24-21.76 5.76a15.829333 15.829333 0 0 1-5.76-21.76l51.413333-89.173333c5.76-9.813333 21.973333-9.813333 27.733334 0L810.666667 322.986667a15.914667 15.914667 0 0 1-13.866667 23.893333z" fill="#2c2c2c" p-id="7646"></path></svg>'},
                {title:"行业覆盖",desc:"根据您的预算和营销，以最优成本实现效果最大化",icon:'<svg t="1749904813685" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8712" width="50" height="50"><path d="M512 921.6c-226.987 0-409.6-182.613-409.6-409.6S285.013 102.4 512 102.4c226.987 0 409.6 182.613 409.6 409.6S738.987 921.6 512 921.6z m17.067-426.667H665.6c-1.707-49.493-6.827-95.573-15.36-136.533H529.067v136.533zM665.6 529.067H529.067V665.6H650.24c8.533-40.96 13.653-87.04 15.36-136.533z m204.8 0H716.8c-1.707 47.786-6.827 93.866-15.36 136.533h134.827c18.773-40.96 30.72-87.04 34.133-136.533z m-52.907 170.666h-122.88c-15.36 61.44-39.253 112.64-66.56 151.894 78.507-27.307 145.067-81.92 189.44-151.894z m-175.786 0h-112.64v168.96c47.786-13.653 88.746-76.8 112.64-168.96z m-146.774 168.96v-168.96h-112.64c23.894 92.16 64.854 155.307 112.64 168.96z m-97.28-17.066c-29.013-37.547-51.2-90.454-66.56-151.894h-122.88c42.667 69.974 109.227 124.587 189.44 151.894zM187.733 665.6h133.12c-8.533-42.667-13.653-88.747-15.36-136.533H153.6c3.413 49.493 15.36 95.573 34.133 136.533zM153.6 494.933h153.6c1.707-47.786 6.827-93.866 15.36-136.533H187.733c-18.773 40.96-30.72 87.04-34.133 136.533z m52.907-170.666h122.88c15.36-61.44 39.253-112.64 66.56-151.894-78.507 27.307-145.067 81.92-189.44 151.894z m288.426-168.96c-47.786 11.946-88.746 76.8-112.64 168.96h112.64v-168.96z m0 203.093H373.76c-8.533 40.96-13.653 87.04-15.36 136.533h136.533V358.4zM358.4 529.067c1.707 49.493 6.827 95.573 15.36 136.533h121.173V529.067H358.4z m170.667-373.76v168.96h112.64c-23.894-92.16-64.854-155.307-112.64-168.96z m97.28 17.066c29.013 37.547 51.2 90.454 66.56 151.894h122.88C773.12 254.293 706.56 199.68 626.347 172.373zM701.44 358.4c8.533 42.667 13.653 88.747 15.36 136.533h153.6c-1.707-49.493-13.653-95.573-34.133-136.533H701.44z" p-id="8713" fill="#2c2c2c"></path></svg>'},
                {title:"合作达成",desc:"98%合作比例，成为vip会议，享受1对1服务",icon:'<svg t="1749904864765" class="icon" viewBox="0 0 1336 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10142" width="50" height="50"><path d="M574.256336 48.579133c33.555692-25.521231 74.057399-41.819301 115.991272-46.33063 36.620531-4.053035 74.186294 0.687441 108.62993 13.806098 122.206881 46.287664 244.399441 92.603972 366.606322 138.905958 22.900364 8.850797 47.347469 13.705846 71.894825 14.049567 22.95765 0.272112 45.943944-0.128895 68.901595 0.186182 15.854098 0.687441 28.672 14.694042 29.932307 30.190098v449.786629c-0.615832 10.784224-5.929175 21.425231-15.138014 27.340084-6.029427 4.110322-13.419413 5.728671-20.637538 5.513846-24.862434-0.071608-49.724867 0-74.572979-0.042965-7.361343-0.114573-14.794294 1.002517-21.597091 3.866853-12.302322 4.869371-20.809399 15.539021-31.307189 23.129511-3.92414 2.706797-9.695776 2.148252-13.090014-1.160056-2.706797-2.592224-4.926657-5.642741-7.318377-8.507077-141.283357-170.528224-282.552392-341.056448-423.835749-511.584672-10.211357-12.975441-29.803413-16.98551-44.253986-8.951049-64.576448 35.718266-129.10993 71.522462-193.672056 107.283693-40.573315 23.788308-92.718545 27.082294-135.554685 7.404307-25.650126-12.946797-30.505175-51.959049-10.540755-71.894825 76.492084-57.702042 153.041455-115.332476 229.562182-172.991552m637.61544 197.997203c-7.432951 0.873622-12.80358 8.234965-12.216391 15.553342-0.014322 108.830434 0.014322 217.660867-0.014322 326.491301-0.701762 7.748028 5.427916 15.524699 13.390769 15.753846 10.025175 0.186182 20.078993 0.143217 30.132811 0.028644 7.432951-0.014322 13.90635-6.802797 13.748812-14.207105 0.028643-109.890238 0.042965-219.780476 0-329.670714 0.114573-7.318378-6.301538-14.020923-13.64856-14.049566-10.454825-0.028643-20.938294-0.229147-31.393119 0.100252z" p-id="10143" fill="#2c2c2c"></path><path d="M4.310825 188.945902c5.370629-10.426182 16.81365-17.300587 28.543105-17.07144 74.043077-0.042965 148.086154 0 222.114909-0.028644 4.582937 0.071608 9.280448-0.401007 13.777455 0.730406 8.564364 2.749762 12.903832 13.806098 8.664615 21.697342-2.635189 5.055552-5.642741 9.910601-7.76235 15.223944-13.677203 31.994629-13.834741 71.379245 5.399273 101.182658 13.175944 21.239049 33.541371 37.880839 56.971637 46.531133 57.057566 22.112671 123.538797 18.016671 177.288055-11.314126 56.556308-31.163972 113.06965-62.399552 169.597315-93.620811 5.685706-3.680671 13.677203-2.019357 17.501091 3.566098 130.64235 157.738965 261.571133 315.248783 392.127553 473.088 5.327664 6.301538 10.41186 12.946797 13.734489 20.56593 9.667133 20.981259 7.991497 46.745958-4.52565 66.194797-9.208839 14.908867-24.303888 25.979524-41.260756 30.390601-20.694825 5.771636-43.752727 1.503776-61.182209-10.970405-5.599776-3.92414-10.282965-8.922406-15.309874-13.491021 2.363077 15.925706 1.002517 32.739357-6.616616 47.161286-9.710098 19.663664-29.201902 33.856448-50.813315 37.393902-22.742825 4.18193-47.247217-3.079161-63.91765-19.11944-2.491972-2.520615-5.055552-4.969622-7.991496-6.946014 1.059804 8.306573 2.033678 16.742042 0.716084 25.09158-3.136448 23.773986-19.148084 46.029874-41.80498 54.651525-21.425231 8.79351-46.903497 6.559329-66.552839-5.685706-7.261091-4.296503-13.204587-10.340252-19.20537-16.169175-0.229147 2.348755-0.243469 4.726154 0.128895 7.103552 3.179413 20.795077-4.224895 42.864783-19.162406 57.673399-12.087497 12.402573-28.815217 19.620699-45.958266 21.224727h-8.922405c-13.247552-0.916587-26.237315-5.256056-37.150434-12.860867 4.812084-9.867636 11.170909-18.961902 15.209623-29.216224 12.37393-29.130294 13.147301-62.915133 2.277147-92.618294-7.261091-19.849846-19.319944-38.167273-35.575049-51.80151-17.415161-14.85158-39.040895-24.49007-61.597539-28.185063-13.018406-22.828755-33.498406-41.346685-57.759329-51.529399-4.43972-2.062322-9.223161-3.150769-13.705846-5.055552-1.561063-1.96207-1.890462-4.625902-2.835692-6.874406-12.817902-37.895161-45.671832-67.856112-84.31172-77.881286-8.392503-27.554909-25.936559-52.474629-49.896728-68.643805-24.289566-16.627469-54.608559-24.132028-83.867748-20.82372-25.979524 2.706797-50.985175 13.863385-70.333762 31.407441-8.951049 7.905566-16.169175 17.486769-23.845594 26.581035-11.901315 14.350322-23.874238 28.657678-35.74691 43.065286-0.959552 1.689958-2.907301 1.861818-4.654545 1.79021-20.078993-0.028643-40.157986-0.057287-60.236979 0.014322C25.779021 682.06993 5.700028 669.008559 0 649.416503v-441.107692c0.615832-6.559329 1.016839-13.476699 4.310825-19.362909m88.966266 59.076923c-7.375664 0.916587-12.703329 8.206322-12.144783 15.467413-0.028643 83.080056 0.014322 166.160112-0.014322 249.240168 0.100252 4.769119-0.615832 9.939245 1.933427 14.25007 2.47765 4.597259 7.647776 7.447273 12.860867 7.289734 9.581203 0.014322 19.191049 0.114573 28.786573-0.057287 7.418629-0.028643 13.849063-6.817119 13.705846-14.207105 0.014322-86.001678 0.028643-172.017678-0.014321-258.019356 0.128895-7.318378-6.258573-14.049566-13.605595-14.07821-10.49779-0.028643-21.024224-0.243469-31.507692 0.114573z" p-id="10144" fill="#2c2c2c"></path><path d="M204.785678 665.94372c15.009119-20.680503 43.451972-30.233063 67.827469-22.227244 15.209622 4.855049 28.915469 15.667916 35.58937 30.390601 7.719385 16.083245 6.587972 35.875804-2.663832 51.099748-3.165091 3.365594 0.844979 9.266126 5.069874 6.559329 12.03021-5.757315 25.807664-8.005818 38.983609-5.571133 19.248336 3.021874 36.276811 16.613147 43.981874 34.429315 6.115357 13.806098 6.845762 29.975273 1.632671 44.182377-0.787692 2.506294-2.277147 5.442238-0.544223 7.905567 2.019357 2.348755 5.485203 1.761566 8.120391 1.031161 9.63849-2.764084 19.935776-4.654545 29.903664-2.506294 17.114406 3.322629 32.553175 14.278713 41.346686 29.330797 6.31586 10.354573 9.094266 22.599608 8.664615 34.672783 1.732923 1.475133 3.852531 0.501259 5.700028-0.157538 18.417678-7.003301 40.086378-4.396755 56.427413 6.57365 12.731972 8.220643 21.840559 21.640056 25.292084 36.34842 3.652028 15.123692 1.145734 31.564979-6.745511 44.955748-4.053035 6.831441-6.903049 14.479217-12.560112 20.250853-10.984727 15.997315-30.147133 25.922238-49.538685 25.821986-12.603077 0.100252-25.134545-3.938462-35.403189-11.213874-15.395804-8.693259-25.306406-25.134545-28.213706-42.320559-0.802014-3.136448-4.325147-0.60151-6.101035 0.157538-19.506126 10.483469-44.869818 7.790993-62.098797-5.986461-17.773203-11.142266-28.84386-32.094881-27.884308-53.061819-0.042965-2.019357 0.372364-4.067357-0.128895-6.029426-1.031161-2.377399-3.609063-0.644476-5.213091-0.114574-17.601343 8.048783-38.854713 7.146517-55.768615-2.191216-11.127944-6.516364-21.897846-14.622434-28.213707-26.137063-6.716867-11.543273-9.380699-25.420979-7.246769-38.625567 0.415329-2.491972 1.059804-6.960336-2.835692-6.616615-16.971189 9.137231-38.067021 10.025175-55.625399 2.005035-8.177678-3.308308-14.407608-9.72442-21.983776-13.99228-11.715133-10.469147-19.105119-25.721734-19.635021-41.461259-0.701762-14.25007 4.081678-28.58607 13.018406-39.68537 15.596308-19.276979 31.249902-38.525315 46.846209-57.816616z" p-id="10145" fill="#2c2c2c"></path></svg>'}
            ],
            num:1,
            homeinfo:[],
            about:{},
            orders:{},
            com:{},
        })
        const numfun=(index)=>{
            data.num=index
        }
        const router=useRouter()
        const toabout=()=>{
            router.push("/about")
        }
        const{proxy}=getCurrentInstance()
        onMounted(async()=>{
            //轮播图
            await proxy.$axios.get("/api/homeinfo",{ params:{}})
            .then(function (response){
                var arr=JSON.parse(response.data)
                for(var v of arr){
                    v.imageUrl=`/src/${v.imageUrl}`
                }
                data.homeinfo=arr
            })
            .catch(function(error){
                console.log(error);
            });
            //平台简介
            await proxy.$axios.get("/api/about",{params:{}})
            .then(function(response){
                var arr=JSON.parse(response.data)
                console.log(arr)
                data.about.pic=`/src/${arr[0].pic}`
                data.about.intro=arr[0].intro
            })
            .catch(function(error){
                console.log(error);
            });
            //提供服务
            await proxy.$axios.get("/api/orders",{ params:{}})
            .then(function (response){
                var arr=JSON.parse(response.data)
                console.log(arr)
                for (var obj in arr){
                    for (var v of arr[obj]){
                        v.img1=`/src/${v.img1}`
                    }
                }
                data.orders=arr
            })
            .catch(function(error){
                console.log(error);
            });
            //合作公司
            await proxy.$axios.get("/api/com",{ params: {}})
            .then(function(response) {
                var arr=JSON.parse(response.data)
                console.log(arr)
                for (var obj in arr){
                    for(var v of arr[obj]){
                        v.mainImage=`/src/${v.mainImage}`
                    }
                }
                data.com=arr
            })
            .catch(function(error){
                console.log(error);
            });
        })
        return {
            ...toRefs(data),numfun,toabout
        }
    },
}
</script>
<style scoped>
.el-carousel{margin-left: 20px;}
.el-carousel__container .el-carousel__item{height:60vh;}
.el-carousel__container .el-carousel__item img{width:100%;height:100%;}
.about{width:90%;padding:10px;box-shadow:1px 1px 10px skyblue;margin:10px auto;}
.about .about-img{padding:10px;text-align:center;}
.about .about-img img{width:100%;height:auto;}
.about .about-dec{padding:10px;overflow:hidden;}
.about .about-dec p{font-size:14px;line-height:24px;text-indent: 28px;padding:10px 0px;}
.about .about-dec .el-button{float:right;transform:scale(1.3);margin: 20px 30px;}
.about .about-dec .el-button:hover{background-color: skyblue;color:black; font-weight: 700;}

.fwnr{background-color:rgb(249,246,241);padding: 30px 20px 50px;}
.fwnr-title{text-align:center;padding:10px 0px;}
.fwnr .el-row .el-col div{text-align:center;}
.fwnr .el-row .el-col div h1{font-size:30px;color:#666;padding: 10px 0px;}
.fwnr .el-row .el-col div p{font-size: 14px;line-height: 24px; margin-left: 20px;}
.hzgs-item .active {display: flex;}

</style>